<template>
    <div>
        <el-dialog title="新增" :visible.sync="dialog_user" @close="close" width="530px">
            弹出两个小时的时间的窗口，气屎个人
        </el-dialog>
    </div>
</template>

<script>
import { reactive ,ref, watch } from '@vue/composition-api';

export default {
  name: "dialogInfo",
  props: {
      flag:{
          type: Boolean,
          default: false,
      }
  },
  //vue3.0
  setup(props, { root, emit }) {
    const dialog_user = ref(false);
    const close = () => {
        dialog_user.value=false;
        emit("update:flag",false);
        //'close' 即回调父组件的close属性 update:flag 在index文件添加修饰器.sync 
        // this.$emit('close',false);
        /*  <dailogUser :flag.sync="dialog_user" @close="closeDailog"></dailogUser>
            const dialog_user = ref(false); 
            const closeDailog = (()=>{
            dialog_user.value = false
            }) 
        */
        
    }

    //vue2.0
    // data() {
    //   return {
    //   }
    // },
    // vue2.0
    //单向数据流，父级 -> 子级
    // methods: {
    //   close() {
    //     this.dialog_info_flag=false
    //     console.log(111)
    //     this.$emit("update:flag",false);
    //     //'close' 即回调父组件的close属性
    //     // this.$emit('close',false);
    //   },
    // },
    
    watch(()=>{
        dialog_user.value = props.flag;
        console.log(props.flag, '')
    })
    return{
        dialog_user,close
    }
  }
}
/************************************弹窗 一个气屎的窗口********************************** */
</script>